<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href="css/vendor/superslides.css">
    <link rel="stylesheet" href="css/vendor/jquery.jscrollpane.css">
    <link rel="stylesheet" href="css/vendor/imageTour.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/index.css">
  </head>
  <body>
    <div class="loading-bg"><img src="images/loading-bg.png" class="bg">
      <div class="img-fg"><img src="images/loading-f.png" class="fg"></div>
      <div class="txt"> <span class="per">0</span><span class="symbl">%</span></div>
      <div class="loading-txt">页面加载中，请稍后......</div>
    </div>
    <!-- _head.jade-->
    <div class="page-head">
      <div class="brand"><img src="images/logo.png"></div>
      <div class="menu">
        <ul>
          <li><a href="index.html">首 页</a></li>
          <li><a href="xj_gsjs.html">恒.戏剧</a></li>
          <li><a href="heng_zuppin1.html">恒.作品</a></li>
          <li><a href="wl_tongyao.html">恒.未来</a></li>
          <li><a href="jj_gsxw.html">恒.聚焦</a></li>
        </ul>
      </div>
    </div>
    <div id="index-sliders" class="img-slides">
      <div class="slides-container"><img src="images/head-bg.jpg"><img src="images/head-bg3.jpg"><img src="images/head-bg.jpg"></div>
    </div>
    <div class="animated">     
      <div class="heng-zuopin"><img src="images/heng-zuopin.png"></div>
      <div class="container">
        <ul class="zuopin-thumb">
          <li><img src="images/zuopin_1.jpg"/>
            <div class="mask">
              <div class="txt">点击查看详情</div>
            </div>
          </li>
          <li><img src="images/zuopin_2.jpg"/>
            <div class="mask">
              <div class="txt">点击查看详情</div>
            </div>
          </li>
          <li><img src="images/zuopin_3.jpg"/>
            <div class="mask">
              <div class="txt">点击查看详情</div>
            </div>
          </li>
          <li><img src="images/zuopin_4.jpg"/>
            <div class="mask">
              <div class="txt">点击查看详情</div>
            </div>
          </li>
        </ul>
      </div>
      <div id="xiju-desc" class="row">
        <div class="cnt-1000"><img src="images/1.jpg">
          <div class="desc-outer">
            <div class="title">恒源祥戏剧介绍</div>
            <p>在中国近代商业史上，上海有着举足轻重的地位。上海开埠以来，来自海内外的“逐梦人”在这片热土上创业、创富，他们在成为“新上海人”的同时，领当时商界风气之先，将西方商业规则和中国商业传统相融合，以诚信创新为本，尊重契约精神，成为商界的全新代表群体——海派商人。</p><a href="#" class="more">[查看更多]</a>
          </div>
        </div>
        <div class="clear"></div>
      </div>
      <div class="row">
        <div class="zixun">恒资讯</div>
        <ul class="zixun-thumb">
          <li><img src="images/zixun_1.jpg"/>
            <div class="mask">
              <div class="cn">沪语童谣</div>
              <div class="en">Shanghai nursery rhymes</div>
            </div>
          </li>
          <li><img src="images/zixun_2.jpg"/>
            <div class="mask">
              <div class="cn">公益项目</div>
              <div class="en">Public welfare project</div>
            </div>
          </li>
          <li><img src="images/zixun_3.jpg"/>
            <div class="mask">
              <div class="cn">衍生产品</div>
              <div class="en">Derivative products</div>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <!-- _head.jade-->
    <div class="page-foot">
      <div class="nav">
        <ul>
          <li><a href="#">首 页</a></li>
          <li class="split"><span>|</span></li>
          <li><a href="#">恒.戏剧</a></li>
          <li class="split"><span>|</span></li>
          <li><a href="#">恒.作品</a></li>
          <li class="split"><span>|</span></li>
          <li><a href="#">恒.未来</a></li>
          <li class="split"><span>|</span></li>
          <li><a href="#">恒.聚焦</a></li>
        </ul>
      </div>
      <div class="cp"><span>Copyright  恒戏剧  2011-2013，All Rights Reserved | 沪ICP备12032741号</span></div>
    </div>
  </body>
  <script src="js/vendor/jquery.min.js"></script>
  <!--jquery plugin-->
  <script src="js/vendor/jquery.superslides.min.js"></script>
  <script src="js/vendor/imagesloaded.pkgd.min.js"></script>
  <script src="js/vendor/jquery-imagefill.js"></script>
  <script src="js/vendor/jquery.mousewheel.js"></script>
  <script src="js/vendor/jquery.jscrollpane.min.js"></script>
  <script src="js/vendor/TweenMax-1.11.4.min.js"></script>
  <script src="js/vendor/jquery.superscrollorama.min.js"></script>
  <script src="js/vendor/imageTour.js"></script>
  <script src="js/vendor/modernizr.min.js"></script>
  <script src="js/vendor/lodash.min.js"></script>
  <script src="js/main.js"></script>
  <script src="js/_superscrollorama.js"></script>
  <script src="js/_index.js"></script>
</html>